
@media (min-width: 721px) and (max-width: 1300px) {
	.iphone { width: 270px; height: 562px; padding: 128px 23px 111px; margin: 20px auto; background-size: 270px 562px; }
	.browser { width: 224px; height: 323px; }
}
@media (max-width: 720px) {
	.iphone { width: 100%; height: 100%; padding: 0; background: none; }
	.browser { width: 100%; height: 100%; }
}
/*选择地区*/
.express-area { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 5px; margin-bottom: 5px; background-color: #fff; }
.express-area a { display: block; padding: 5px; background: url(../img/link-arrow.png) no-repeat 98% 50%; background-size: 11px 11px; }
.express-area dl { position: relative; line-height: 24px; color: #4d525d; margin-bottom: 10px;}
.express-area dl dt { position: absolute; top: 0; left: 0; font-size: 14px; line-height: 18px; }
.express-area dl dd { padding-top: 0px; padding-right: 16px; margin-left: 70px; text-align: justify; font-size: 13px; line-height: 20px;}
@media (min-width: 721px) and (max-width: 1300px) {
	.express-area a { padding: 6px; }
	.express-area dl dt { font-size: 14px; line-height: 23px; }
	.express-area dl dd { padding-right: 12px; margin-left: 60px; font-size: 8px; line-height: 0px; }
}
/*选择地区弹层*/
.express-area-box { position: absolute; bottom: -100%; left: 50%; z-index: 15; width: 320px; margin-left: -160px; background-color: #fff; color: #4d525d; }
.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.express-area-box header h3 { margin: 0 32px; text-align: center; font-size: 16px; line-height: 45px; }
.express-area-box header .back,
.express-area-box header .close { position: absolute; top: 0; width: 32px; height: 45px; }
.express-area-box header .back { display: none; left: 0; background: url(../img/back.png) no-repeat center;   background-size: 9pxm 15px; }
.express-area-box header .close { right: 0; background: url(../img/close-area.png) no-repeat center; background-size: 13px 13px; }
.express-area-box article { height: 250px; overflow-y: scroll; }
.area-list li { padding: 10px; border-bottom: 1px solid #e2e2e2; text-align: justify; font-size: 14px; line-height: 25px; }
@media (min-width: 721px) and (max-width: 1300px) {
	.express-area-box { width: 224px; margin-left: -112px; }
	.express-area-box header h3 { font-size: 14px; line-height: 34px; }
	.express-area-box header .back,
	.express-area-box header .close { height: 34px; }
	.express-area-box article { height: 120px; }
	.area-list li { padding: 6px; font-size: 12px; line-height: 20px; }
}
@media (max-width: 720px) {
	.express-area-box { position: fixed; left: 0; width: 100%; margin-left: 0; }
}
/*遮罩层*/
.mask { display: none; position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
@media (max-width: 720px) {
	.mask { position: fixed; }
}
